<template>
	<!--登录-------------------------------------->
	<div>
		<div class="title">登录</div>
			<div class="input_box">
			<div class="name"> 
				  手机号
				  <br />
				  <input type="text" placeholder="请输入你的手机号" style="font-size: 0.2rem;line-height: 0.6rem;">
			</div>
			   <div class="pass">
			    密码
			    <br />
			    <input type="text" placeholder="请输入你的密码" style="font-size: 0.2rem;line-height: 0.6rem;">
				</div>		
				
			</div>
			<button class="btn" @click="in_index">登录</button>
			<div class="hu_pass">
					<div class="left_text" @click="login_go">注册成为会员 | </div>
					<div class="right_text" @click="passwd">忘记密码？</div>
			</div>
	</div>
	
</template>
<script>
export default{
		data:function(){
			return{
			}
		},
		methods:{
			login_go:function(){
				this.$router.push({path:'/login_on'})		
			},
			passwd:function(){
				this.$router.push({path:'/password'})	
			},
			in_index:function(){
				this.$router.push({path:'/list'})	
			}	
		}
	}
	
	
</script>
<style scoped="scoped">
	*{
		padding: 0;
		margin: 0;
		outline: none;
		border: none;
	}
	.title{
		font-size: 0.36rem;
		width: 100%;
		height: auto;
		height: 0.5rem;
		color: black;
		font-family: "微软雅黑";
		font-weight: bold;
		line-height: 0.5rem;
		/*background-color:darkslategrey;*/
		text-align: center;
	}
	
	.name {
		width: 90%;
		height: 1rem;
		margin: 0 auto;
		margin-top: 0.3rem;
		font-size: 0.26rem;
		border-bottom: solid 1px #CCCCCC;
	}
	
	.pass {
		width: 90%;
		height: 1rem;
		margin: 0 auto;
		margin-top: 0.3rem;
		font-size: 0.26rem;
		border-bottom: solid 1px #CCCCCC;
	}
	
	.btn{
		width: 80%;
		height:0.5rem;
		color: white;
		text-align: center;
		margin-left:10%;
		margin-top: 3%;
		font-size: 0.2rem;
		border-radius:0.3rem 0.3rem 0.3rem 0.3rem ;
		background-color: #fe8f24;
	}
	.hu_pass{
		width: 90%;
		height: 0.3rem;
		margin: 0 auto;
	}
	.left_text{
		width: 49%;
		height: 0.3rem;
		font-size: 0.16rem;
		color: #FE8F24;
		text-align: right;
		float: left;
		margin-top:0.1rem ;
	}
	.right_text{
		width: 49%;
		height: 0.3rem;
		font-size: 0.16rem;
		color: #FE8F24;
		float: right;
		text-align: left;
		margin-top:0.1rem ;
	}
	.input_box{
		width: 100%;
		height:2.2rem;
		margin-top: 0.2rem;
	}
	
</style>